<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>

    <style>
      div {
        width: 400px;
        height: 300px;
        background-color: lightcoral;
      }
      section {
        /* 文字颜色 */
        color: red;
        /* 字体大小 */
        font-size: 30px;
        /* 边框  粗细 类型 颜色 */
        border: black 1px solid;
        /* 宽度 */
        width: 300px;
        /* 背景颜色 */
        background-color: lightblue;
        /* 高度 */
        height: 200px;
      }
    </style>
  </head>
  <body>
    <div>hello</div>
    <section>world</section>
    <div>!!!!</div>
  </body>
</html>

<!-- 
  内部样式表

    可以直接在head里面的最下面添加一个style标签
    style标签的里面就可以直接写css的语句了

    语法:
      选择器 {
        属性: 属性值;
        属性2: 属性值2；
      }

      1. 所有的申明要写在大括号的里面
      2. 每一条申明由属性和属性值组成，属性和属性值之间用冒号
      3. 每一条声明后面要加分号 (最后一条的;可以省略)
      4. 申明和申明之间是没有先后顺序的
      5. 有的属性有多个属性值，多个属性值之间需要用空格隔开，绝大部分的情况下不用管先后顺序


    style标签写在head里面的最下面
      1. css语句更偏向于是描述，写在head里面更合适
      2. 浏览器读取代码的顺序是从上到下的，如果不这么写，网速又慢的时候，就会出现只有结构但是没有样式的情况

 -->
